<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/normalize.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="css/index.css">
    <title>护工列表页</title>
</head>
<body>
    <header class="container-fluid">
        <div class="row header">
            <div class="col-xs-6 col-xs-offset-3 header-wrapper">
                <div class="header-btn-group">
                    <button class="header-btn">找雇主</button>
                    <button class="header-btn header-btn-active">找护工</button>
                </div>
            </div>
            <div class="col-xs-3 header-wrapper">
                <div class="location-wrapper">
                    <i class="icon-location"></i>
                </div>
            </div>
        </div>
    </header>
    <main class="container-fluid main">
        <div class="row main-tabs">
            <div class="col-xs-4 main-tab">
                <div class="main-tab-item">
                    所在地
                </div>
                <div class="main-tab-drop">
                    <div class="main-tab-drop-item">所在地1</div>
                    <div class="main-tab-drop-item">所在地2</div>
                    <div class="main-tab-drop-item">所在地3</div>
                </div>
                <i class="main-tab-icon"></i>
            </div>
            <div class="col-xs-4 main-tab tab-border">
                <div class="main-tab-item">
                    食宿
                </div>
                <div class="main-tab-drop">
                    <div class="main-tab-drop-item">食宿1</div>
                    <div class="main-tab-drop-item">食宿2</div>
                    <div class="main-tab-drop-item">食宿3</div>
                </div>
                <i class="main-tab-icon"></i>
            </div>
            <div class="col-xs-4 main-tab">
                <div class="main-tab-item">
                    病人情况
                </div>
                <div class="main-tab-drop">
                    <div class="main-tab-drop-item">病人情况1</div>
                    <div class="main-tab-drop-item">病人情况2</div>
                    <div class="main-tab-drop-item">病人情况3</div>
                </div>
                <i class="main-tab-icon"></i>
            </div>
        </div>
        <div class="row main-content">
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-122015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园北京.通州.果园北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
            <div class="col-xs-12 main-item">
                <div class="main-item-left">
                    <div class="item-date">
                        <i class="icon-date"></i>
                        <span class="item-date-str">服务日期</span>
                    </div>
                    <div class="item-date-range">
                        <span class="item-date-range-str">2015-7-5 至 2015-7-12</span>
                    </div>
                    <div class="item-location">
                        <i class="icon-location2"></i>
                        <span class="item-location-str">北京.通州.果园</span>
                    </div>
                </div>
                <div class="main-item-right">
                    <span class="item-price">25元/小时</span>
                    <i class="icon-goto"></i>
                </div>
            </div>
        </div>
    </main>
    <footer class="container-fluid">
        <div class="row footer">
            <div class="col-xs-8 col-xs-offset-2 footer-wrapper">
                <a href="javascript:void(0);" class="home">
                    <div class="home-img"></div>
                    <span class="home-font">首页</span>
                </a>
                <a href="javascript:void(0);" class="comment">
                    
                </a>
                <a href="javascript:void(0);" class="my">
                    <div class="my-img"></div>
                    <span class="my-font">我的</span>
                </a>
            </div>
        </div>
    </footer>
</body>
</html>